<!DOCTYPE html>
<!-- saved from url=(0089)http://wx.liuxinshidai.cn/app/index.php?i=1&c=entry&op=limit&id=24870&do=index&m=xuan_ddy -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<title>确认借款信息</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="__STATIC__/index/sure_files/mui.min.css">
		<style>
			.title {
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
			.selects_other li {
				border-bottom: 1px solid #ccc;
				height: 30px;
				line-height: 30px;
			}
			.selects_other li:last-child {
				border-bottom: none;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">确认借款信息</h1>
		</header>
		<div class="mui-content">
			<div class="title">
				借款信息
			</div>
			<div class="mui-card" style="margin-bottom: 35px;">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<div class="mui-media-body">
								借款金额（元）
								<p class="mui-ellipsis">{:session('quotas')}</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media" >
							<div class="mui-media-body">
								借款期限
								<div class="mui-ellipsis selects">
									<div class="selects_head">
										<a class="arrow"></a>
										<span class='selected' style="color: #8f8f94">请选择</span>
									</div>
									<ul class="selects_other mui-list-unstyled mui-list" style="display: none">
											<li>12期</li>
											<li>24期</li>
											<li>36期</li>
									</ul>
								</div>
							</div>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<div class="mui-media-body">
								收款银行卡
								<p class="mui-ellipsis">借记卡（尾号{:substr(session('card'),strlen(session('card'))-5 ,  strlen(session('card'))-1 )}）</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<div class="mui-media-body">
								到账时间
								<p class="mui-ellipsis">1-36小时内</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="mui-content jihua" style="padding-top: 0px;display: none">
			<div class="title">
				还款计划
			</div>
			<div class="mui-card" style="margin-bottom: 35px;">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media jihua-body">
						<a href="javascript:;">

						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="mui-content" style="padding-top: 0px">
			<div class="mui-content-padded" style="text-align: center;">
				<button type="button" class="mui-btn mui-btn-success mui-btn-block" onclick="to_submit()">
					确认
				</button>
			</div>
		</div>

	<script>;</script><script type="text/javascript" src="__STATIC__/index/sure_files/index.php"></script>
	<script src="__STATIC__/index/sure_files/jquery.js"></script>
	<script src="__STATIC__/index/sure_files/mui.min.js"></script>
	<script>
		function to_submit(){
            if($('.selected').html() == '请选择') {
                alert('请选择分期')
			}else {
                location = '{:url("shenhe")}';
            }
		}


	</script>


		<script>
            (function() {
                function sizeHtml() {
                    window.mtSizeBase = $(window).width() / 16;
                    window.mtSizeBase = window.mtSizeBase > 45 ? 45 : window.mtSizeBase;
                    $("html").css("font-size", window.mtSizeBase + "px");
                }
                sizeHtml();
                $(window).resize(function() {
                    setTimeout(function() {
                        sizeHtml();
                    }, 300);
                });
            })();
            $(function() {
                //银行下来点击
                $(".selects_other").children("li").click(function() {

                    var qishu = parseInt($(this).html()) // 借款期数
					var erdu = "{:session('quotas')}"; // 借款额度
					var yinghuan = Math.round((erdu / qishu)) + erdu*0.005;
					var zong = qishu * yinghuan;

                    $('.selected').html($(this).html());
					$('.jihua-body').html(`<div class="mui-media-body">
								`+parseInt($(this).html())+`期（每期`+yinghuan+`元）
								<p class="mui-ellipsis">`+parseInt($(this).html())+` * (`+Math.round((erdu / qishu))+`+`+ (erdu*0.005) +`[利息]) = `+zong+`</p>
							</div>`);
					$('.jihua').show();
                    $(".selects_other").hide();
                })
                //头部点击 显示或隐藏下拉，并切换箭头图片
                $(".selects_head").click(function() {
                    if ($(this).parent().children(".selects_other").css("display") == 'none') {
                        $(this).parent().children(".selects_other").show();
                    } else {
                        $(this).parent().children(".selects_other").hide();
                    }
                })
            })
		</script>
</body></html>